<!-- 启动评估 信息填写页 -->
<template>
  <t-row justify="center">
    <t-form ref="form" :data="formData" :rules="FORM_RULES" label-align="top" style="width: 60%">
      <t-space direction="vertical" style="width: 100%">
        <t-form-item label="评估名称" name="name">
          <t-input v-model="formData.name" placeholder="请输入评估名称" />
        </t-form-item>
        <t-form-item label="企业/组织" name="enterprise">
          <t-input :disabled="true" :value="orgName" placeholder="请输入企业/组织全称" />
        </t-form-item>
        <t-form-item label="评估模板" name="qsTemplateId">
          <t-checkbox-group :disabled="true" :value="chooseTemplateValue" :options="chooseTemplate" />
        </t-form-item>
        <t-form-item label="设定截止日期" name="stopDate">
          <t-date-picker
            v-model="formData.stopDate"
            :presets="FUTURE_DAYS"
            :disableDate="disableDate"
            allow-input
            clearable
          />
        </t-form-item>
        <t-form-item label="备注" name="comments">
          <t-textarea v-model="formData.comments" placeholder="请输入更多内容" autosize />
        </t-form-item>
      </t-space>
    </t-form>
  </t-row>
</template>

<script>
import { mapGetters } from 'vuex';
import { FUTURE_DAYS } from '@/utils/date';

const FORM_RULES = {
  name: [{ required: true, message: '请输入模板名称', type: 'error' }],
  // enterprise: [{ required: true, message: '请输入企业/组织全称', type: 'error' }],
  stopDate: [{ required: true, message: '请设定截止日期', type: 'error' }],
};

export default {
  name: 'RAM-StartInformation',
  props: {
    qsInformation: {
      type: Object,
      default() {
        return {};
      },
    },
    chooseTemplate: {
      type: Array,
      default() {
        return [];
      },
    },
  },
  data() {
    return {
      FORM_RULES,
      FUTURE_DAYS,
      formData: this.qsInformation,
    };
  },
  computed: {
    ...mapGetters('user', ['orgName']),
    chooseTemplateValue() {
      return this.chooseTemplate.map((i) => i.value);
    },
  },
  methods: {
    disableDate(time) {
      return time.getTime() < Date.now() - 8.64e7; // 只能选择今天以及今天之后的日期，如果没有后面的-8.64e7就是不可以选择今天的
      // return time.getTime() > Date.now() - 8.64e6; // 选择今天以及今天之前的日期，如果没有后面的-8.64e6就是不可以选择今天的
    },
  },
};
</script>

<style lang="less" scoped>
/deep/ .t-checkbox-group {
  display: flex;
  flex-direction: column;
}
</style>
